<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=0">
    <meta content="telephone=no" name="format-detection" />
    <meta name="description" content="">
	<meta name="keywords" content="">
    <title>知识库-兑换商城</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="css/media.css">
    <link rel="stylesheet" type="text/css" href="css/loading.css">
    <script type="text/javascript" src="js/lib/loading.js"></script>
    <style>
        
        .swiper-container {
            background-color: #fff;
        }
        
    </style>
</head>
<body id="app">
	<!-- 头部 -->
    <header class="header">
        <a href="index.html" title="返回" class="icon back"></a>
        <div class="clearfix search-box">
		    <input type="button" class="fl search-btn" @click="search();">
		    <input type="text" id="searchword" class="search-txt" placeholder="搜索" value="" maxlength="30">
		</div>
        <a href="cart.html" title="购物车" class="icon cart"></a>
    </header>

    <!-- 兑换商城 -->
	<section class="padT23" v-cloak>
		<!-- 轮播 -->
    	<div class="swiper-container full2" id="slides">
            <ul class="swiper-wrapper">
                <li class="swiper-slide" v-for="info in CarouselList">
                    <a href="{{info.url}}" class="textC j_3 bannerPhoto" title="" title="">
                        <!-- <img data-src="{{info.pic}}" src="images/imgload.gif" class="loadImg" /> -->
                        <img  v-bind:src="info.pic"  />
                    </a>
                </li>
            </ul>
            <div class="pagination"></div>
        </div>
        <div class="clearfix bgff borderspace convert">
        	<a href="javascript:void(0);" class="convertIcon">白金币：{{userInfo.goldCount}}</a>
        	<a href="exchange.html" class="convertIcon">兑换记录</a>
        </div>
        <div class="swiper-container nav">
            <ul class="clearfix borderB shopNav swiper-wrapper">
                <li class="swiper-slide" v-for="info in GoodsTypeList">
                    <a href="goodList.html?typeID={{info.name}}" class="navIcon">
                        <!-- <img v-bind:src=info.pic /> -->{{info.name}}
                    </a>
                </li>
            </ul>
        </div>
        <!-- Swiper -->
        <!-- <div class=" nav">
            <div class="swiper-wrapper">
                <div class="swiper-slide">Slide 1</div>
                <div class="swiper-slide">Slide 2</div>
                <div class="swiper-slide">Slide 3</div>
                <div class="swiper-slide">Slide 4</div>
                <div class="swiper-slide">Slide 5</div>
            </div>
        </div> -->
        <div>
        	<span class="db shopTit">最新上架</span>
        	<ul class="clearfix goodUl">
        		<li v-for="info in NewGoodsList">
        			<a href="goodDetail.html?id={{info.id}}">
                        <em class="over" v-if="info.count==0">兑完</em>
        				<span class="db j_4 photo">
                            <img data-src="{{info.pic[0]}}" src="images/imgload.gif" class="loadImg" >
                        </span>
        				<span class="db font24 color44 title">{{info.name}}</span>
        				<span class="db font24 desc">BUY<em>{{info.price}}</em></span>
        			</a>
        		</li>
        	</ul>
        </div>
        <div>
        	<span class="db shopTit">热门兑换</span>
        	<ul class="clearfix goodUl goodList">
        		<li v-for="info in exchangeList">
        			<a href="goodDetail.html?id={{info.id}}">
        				<em class="over" v-if="info.count==0">兑完</em>
        				<span class="db j_4 photo">
                            <img data-src="{{info.pic[0]}}" src="images/imgload.gif" class="loadImg"></span>
        				<span class="db font24 color44 title">{{info.name}}</span>
        				<span class="db font24 desc">BUY<em>{{info.price}}</em></span>
        			</a>
        		</li>
        	</ul>
            <span class="loading-more">加载更多...</span>
        	<!-- <span class="whether" style="display:none">再拉下去也没有彩蛋</span> -->
        </div>
    </section>

    <script type="text/javascript" src="js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="js/lib/vue.js"></script>
    <script type="text/javascript" src="js/lib/global.js"></script>
    <script type="text/javascript" src="js/lib/swiper.min.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
     <script type="text/javascript" src="js/scrollbar.js"></script>
    <script type="text/javascript" src="js/lib/common.js"></script>
    <script type="text/javascript" src="js/shop.js"></script>

    <script type="text/javascript">
    	/*// 轮播
        var swiper = new Swiper('.full2',{
            pagination: '.full2 .pagination',
            paginationClickable: true,
            speed: 5000,
            autoplay: false,
            loop: true
        });
        // 比例
    	myJS.imgScale('.j_3', '3', '1');
    	myJS.imgScale('.j_4', '4', '3');
    	myJS.ImgFull('.loadImg');*/

        $('#searchword').bind('keypress',function(event){
            if(event.keyCode == "13")    {
                info.search();
            }
        });
    </script>
    
</body>
</html>